---
name: Switch
route: /Switch
order: 5
sidebar: true
---

import { Playground } from 'docz'
import Switch from './index'

# Switch组件

#### 基本设置
<Playground>
    <Switch /> <br /><br />
    <Switch checked />
</Playground>

#### 控制大小
<Playground>
    <Switch size="small" /> <br /><br />
    <Switch /> <br /><br />
    <Switch size="large" />
</Playground>

#### 开关文本
<Playground>
    <Switch onText="开" offText="关" />
</Playground>

## Basic usage

``` js
import { Switch } from '@xlab/xu_ui'

// 导入
<Switch />
```

## API文档
|  参数  |  说明  |  类型  |  默认值  |
|  ---   |  ---  |  ---  |  ---  |
|  onClick  |  对外暴露的点击事件  |  func  |  |
|  checked  |  是否被选中  |  bool  |  false  |
|  disabled  |  是否被禁用  |  bool  |  false  |
|  offText  |  关闭状态的文本  |  string  |  ''  |
|  onText  |  开启状态的文本  |  string  |  ''  |
|  size  |  组件的尺寸  |  string  |  'default'  |
